$(function () {
    // 设置屏幕自适应,改变根标签html的font-size大小
    setFont();
    window.onresize = function () {
        setFont();
    };
    // 根据当前屏幕的宽度 动态设置页面根标签的fontsize
    function setFont() {
        // 要设置的字体大小  = 基础值 * 要适配的屏幕的宽度 /  设计稿宽度
        // 基础值
        var baseVal = 100;
        // 设计稿的宽度
        var pageWidth = 375;
        // 要适配的屏幕的宽度 = 当前屏幕的宽度
        var screenWidth = document.querySelector("html").offsetWidth;
        // 要设置的字体大小
        var fontsize = (baseVal * screenWidth) / pageWidth;
        // 把字体大小动态设置到 html标签中
        document.querySelector("html").style.fontSize = fontsize + "px";
    }

    // 标题请求
    $.ajax({
        // url 请求地址
        url: "http://193.112.55.79:9090/api/getbaicaijiatitle",
        // 请求类型
        type: "get",
        // 数据格式
        dataType: "json",
        // 请求成功之后的回调函数
        success: function (res) {
            // console.log(res);
            // tempalte方法调用，传入两个参数： 1、模板Id 2、数据（要求数据类型：对象）
            var htmlStr = template("navTmp", res)
            // console.log(htmlStr);
            $(".nav_title ul").html(htmlStr)

            var ulWidth = 0;
            $(".nav_title ul li").each(function(i,v){
                ulWidth += $(v).outerWidth();
            })
            $(".nav_title ul").width(ulWidth+2)
            var Scroll = new IScroll('#wrapper', {
                scrollX: true
            });
        }
    })

    // 内容请求
    $.ajax({
        // url 请求地址
        url: "http://193.112.55.79:9090/api/getbaicaijiaproduct",
        // 请求类型
        type: "get",
        data: {
            titleid: 0
        },
        // 数据格式
        dataType: "json",
        // 请求成功之后的回调函数
        success: function (res) {
            // console.log(res.result[1]);
            // tempalte方法调用，传入两个参数： 1、模板Id 2、数据（要求数据类型：对象）
            var htmlStr = template("pro_Tmp", res)
            // console.log(htmlStr);
            $(".nav_content ul").html(htmlStr)

            // 开始加载就渲染的的标签默认样式
            $('.dh li:first').addClass("active")
        }
    })


    //点击事件
    baicaijiClick();

    function baicaijiClick() {
        // 动态生成的数据，需要使用委托
        $(".dh").on("click", "a", function (e) {
            var titleid = $(this).data("titleid");
            // 点击渲染当前标签样式,移除其他兄弟样式
            $(this).parent().addClass("active").siblings().removeClass("active")

            // console.log(titleid)
            // 发送get请求
            $.get("http://193.112.55.79:9090/api/getbaicaijiaproduct?titleid=" + titleid, function (res) {
                // console.log(res)
                var htmlStr = template("pro_Tmp", res);
                // console.log(htmlStr)
                $(".pro").html(htmlStr)
            })

        })
    }

    // 头部滑动事件
    var myScroll = new IScroll('#wrapper', {
        tap: true
    });

})